<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery test</title>
    <style>
    #box{
        width: 300px;
        height: 300px;
        background-color: pink;
        display: none;
    }
    </style>
    <script src="../jquery-1.12.4.js"></script>
    <script>
    $(function(){
        $("#start").click(function(){
            $("div").slideDown(1000).slideUp(1000);
        });

        $("#stop").click(function(){
            $("div").stop();
        });
    });
    </script>
</head>
<body>
    <input type="button" value="开始" id="start">
    <input type="button" value="结束" id="stop">
    <div id="box"></div>
</body>
</html>